<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Info</title>

    <!-- BEGIN THEME STYLES -->
	<?php echo $this->Html->css(array('owl.carousel', 'bootstrap.min', 'style')) ;?>

    <!-- END THEME STYLES -->

    <!-- BEGIN SLIDER -->
	<?php echo $this->Html->script(array('jquery-1.9.1.min')) ;?>
    <!-- END SLIDER -->

	<script>window.jQuery || document.write("<script src='js/jquery-1.6.1.js'>\x3C/script>")</script>
	<?php echo $this->Html->script(array('jquery.infinitescroll')) ;?>
	<script>
	$('#content').infinitescroll({
		navSelector  	: "#next:last",
		nextSelector 	: "a#next:last",
		itemSelector 	: ".ctn-gallery",
		debug		 	: true,
		dataType	 	: 'html',
        maxPage         : 3,
		path: function(index) {
			return "index" + index + ".html";
		}
    });
	</script>
</head>
<body>
    <!-- BEGIN HEADER -->
    <?php echo $this->element('header')?>
    <!-- END HEADER -->
	<div id="about" class="banner-gallery"><!--  banner -->
		<div class="centered wheighter wwidth">
			<div class="container">
				<div class="text-banner">
					<h1>THE GALLERY</h1>
					<p>Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi scripserit, </p>
					<p>tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip dolores.</p>
				</div>
			</div>
		</div>
	</div><!-- end banner -->
	<div class="content-gallery">
		<div class="container">
			<div class="row ctn-gallery">
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g1.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g2.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g3.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g4.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
			</div>
			<a id="next" href="about.html"></a>
			<div class="row ctn-gallery">
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g5.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g6.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g7.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g8.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
			</div>
			<div class="row ctn-gallery">
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g9.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g10.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g11.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
				<div class="col-xs-12 col-md-3">
					<div class="gallery-img">
						<?php echo $this->Html->image('images/g12.png') ?>
					</div>
					<h2>COPORATION LAYOUT</h2>
					<div class="btn-star">
						<p>START CREATING</p>
					</div>
				</div>
			</div>
		</div>
	</div><!-- end content about -->
	<!-- touch -->
		<?php echo $this->element('touch'); ?>
	<!-- end touch -->
	<!-- BEGIN FOOTER-->
		<?php echo $this->element('footer'); ?>
	<!-- END FOOTER-->

<!-- script slider --> 
<script>
    jQuery(document).ready(function() {
      jQuery("#slide-about").owlCarousel({
        items : 3,
		pagination: true,
		navigationText: ["",""],
		autoPlay: true,
		navigation : true,
      });
    });
</script>
<!-- BEGIN SLIDER -->
	<?php echo $this->Html->script(array('bootstrap.min', 'owl.carousel', 'custom')) ;?>
    <!-- END SLIDER -->
</body>
</html>


